<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>热门活动</title>
</head>
<style>
    div{

        width: 700px;
        height: 400px;
        /*padding-left: 50px;*/
        /*margin: 0px;*/
        /*padding: 0px;*/
        margin: 0px auto;
    }
    ul{
        list-style: none;
        padding-right: 60px;
    }
    li{
        float: right;
        margin: 10px;
    }
    span{
        float: right;
    }

    /*.picture1{*/
    /*   float: left;*/
    /*}*/
    /*.picture2{*/
    /*    float: right;*/
    /*}*/
    /*.picture3{*/
    /*    float: left;*/
    /*}*/
    /*.picture4{*/
    /*    float: right;*/
    /*}*/
</style>
<body>
<div>
    <h3><strong>热门活动 <span>更多</span></strong></h3>
    <ul>
        <li class="picture1"><img src="../day02/image/img1.png"><br/>
            推荐活动 | 原创
        </li>
        <li class="picture2"><img src="../day02/image/img2.png"><br/>
            推荐活动 | 原创
        </li>
        <li class="picture3"><img src="../day02/image/img3.png"><br/>
            推荐活动 | 原创
        </li>
        <li class="picture4"><img src="../day02/image/img4.png"><br/>
            推荐活动 | 原创
        </li>
    </ul>
</div>
</body>
</html>